<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		body{
			margin: 0;
		}
			#contain{
				clear: both;
				width: 1000px;
				margin-left: auto;
				margin-right: auto;
				
			}
			#header{
				width: 100%;
				height: 70px;
				
				/*background-color: antiquewhite;*/
			}
			#center{
				width: 100%;
				height: 300px;
			}
			#cleft{
				width: 20%;
				height: 100%;
				float: left;
				background-color: aquamarine;
			}
			#cright{
				width: 80%;
				height: 100%;
				float: left;
				background-color:#FFFFFF;
			}
			#bottom{
				width: 100%;
				height: 70px;
				background-color: burlywood;
				
			}
			.crows{
				width: 100%;
				clear: both;
				text-align: center;
				height: 82px;
			}
			.crImg{
				float:left;
				width: 20%;
				margin: 10px;
			}
			.crImg img{
				width: 80px;
				height: 80px;
			}
			.crContent{
				float:left;
				width: 30%;
			}
			.crPrice{
				float:left;
				width: 20%;
				margin: 10px;
				padding:25px;
			}
			
			.crPrice strong {
				color: #F40;
				font-weight: 700;
				font-family: verdana, arial;
							
			}
			
			.header li{
				float: left;
				list-style: none;
				text-align: center;
			}
			.header a{
				float: left;
				width: 100px;
				padding-top: 20px;
				text-decoration: none;
			}
			a:hover{
				color: coral;
			}
			a:active{
				color: blanchedalmond;
			}
			.headImg{
				float: left;
				padding-top:10px ;
			}
			
		</style>
	</head>
	<body>
		<div id="contain">
			
			<div id="header" class="header">
				<div id="headImg" class="headImg">
						<img src="image/2016-08-21_172150.png"/>
					</div>
				
				
				<ul>
				<li class="img1"></li>
				<li class="text"><a href="https://www.taobao.com/">首页</a></li>
				<li class="img2"></li>
				<li class="text"><a href="https://buyertrade.taobao.com/trade/itemlist/list_bought_items.htm">我的订单</a></li>
				<li class="img3"></li>
				<li class="text"><a href="https://cart.taobao.com/cart.htm">购物车</a></li>		
				<li class="img4"></li>
				<li class="text"><a href="https://i.taobao.com/my_taobao.htm">我的账户</a></li>		
				<li class="img5"></li>
				<li class="text"><a href="https://login.taobao.com/member/logout.jhtml">退出</a></li>			
				<li class="btn"><a href="https://login.taobao.com/member/login.jhtml">登录</a></li>
				<li class="btn"><a href="https://reg.taobao.com/member/reg/fill_mobile.htm">注册</a></li>								
			</ul>
	
			</div>
			
			<div id="center">
				
				<div id="cleft">
					左边
				</div>
				
				<div id="cright">
					
						
					<!--每一行-->
				 <div id="crow" class="crows">
					<div id="rowImg" class="crImg">
						<img src="image/12.jpg"/>
					</div>
					<div id="rowImgConten" class="crContent">
						<p class="pconten">冠雅led小台灯护眼学习书桌阅读学生儿童卧室床头充电宿舍工作灯</p>
					</div>
					<div id="crPrice" class="crPrice">
						<strong>¥99.00</strong>
					</div>
				 </div>
				
				<div id="crow" class="crows">
					<div id="rowImg" class="crImg">
						<img src="image/TB1.jpg"/>
					</div>
					<div id="rowImgConten" class="crContent">
						<p class="pconten">出口日本优显led调光护眼学生台灯 学习工作卧室床头儿童阅读台灯</p>
					</div>
					<div id="crPrice" class="crPrice">
						<strong>¥98.00</strong>
					</div>
				 </div>
				
				
				
				
				
				
				
				
				
				
				</div>
			</div>
			
			<div id="bottom">
				
				底部
			</div>
			
			
		</div>
	</body>
</html>
